<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <title>职位邀请函</title>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="http://assets.dajieimg.com/lib/jquerymobile/jquery.mobile-1.4.2.min.56456.css" />
    <script src="http://assets.dajieimg.com/lib/jquerymobile/jquery-1.11.0.min.56456.js"></script>
    <script src="http://assets.dajieimg.com/lib/jquerymobile/jquery.mobile-1.4.2.min.56456.js"></script>
    <style>
      @media only screen and (min-width: 30em){
        .ui-page{
          width: 30em !important;
          margin: 0 auto !important;
          position: relative !important;
        }
        .ui-overlay-d{
          background: #333;
        }
      }
    </style>
  </head>
  <body style="font-family:'Microsoft YaHei',微软雅黑,sans-serif;">
    <div data-role="page" id="mainPage">
      <div data-role="header" style="background-color:#39404D" class="ui-grid-a">
        <div class="ui-block-a">
          <img src="http://assets.dajieimg.com/up/dj-mobile/images/logo.png" style="float:left;height:2.5em;line-height:2.5em;overflow:hidden;padding-left:1em;"/>
        </div>
        <div class="ui-block-b">
          <h4 style="color:#FFF;font-family:'Microsoft YaHei',微软雅黑,sans-serif;float:right;padding-right:1em;height:2.5em;line-height:2.5em;overflow:hidden;margin:0px;">职位邀请函</h4>
        </div>
      </div>
      <div role="main" class="ui-content" style="">
        
          
        <ul data-role="listview">
          <li style="border-style:none;">
            <div class="ui-grid-a" style="padding-bottom:10px;">
              <div class="ui-block-a" style="font:bold 18px 'Microsoft YaHei',微软雅黑,sans-serif;line-height:4em;">您好<#if userBase?? && userBase.name?? && userBase.name!="" >，${userBase.name}</#if>：</div>
              <div class="ui-block-b"><button id="acceptBtnTop" class="ui-btn ui-icon-check ui-btn-icon-left ui-shadow ui-corner-all" style="background-color:#ED6C10;color:#FFF;">我接受邀请</button></div>
            </div>
            <div class="ui-grid-solo">
              <div class="ui-block-a" style="font:16px 'Microsoft YaHei',微软雅黑,sans-serif;text-align:center;white-space:normal;"><b style="color:#FA3B4B;">${job.corpName}</b>&nbsp;招聘&nbsp;<b style="color:#FA3B4B;">${job.name}</b></div>
            </div>
          </li>
          <li style="border-style:none;">招聘类型：<span id="recruitType"><#if job.isSocialRecruit()>社会招聘<#else>校园招聘</#if></span></li>
          <li style="border-style:none;">工作地点：<span id="jobPlace"><#assign linkDisp = job.getCityStr(' ','')>
                                    <#if linkDisp?length gt 0><span title="${linkDisp}">${linkDisp}</span><#else > --- </#if></span></li>
          <li style="border-style:none;">薪金待遇：<span id="payment"><#assign linkDisp = job.getSalarySpanStr()>
                                    <#if linkDisp?length gt 0><#if linkDisp?index_of('面议') gte 0 >面议<#else>${linkDisp}</#if> <#else > 面议 </#if></span></li>
          <li style="border-style:none;">所属职类：<span id="jobClass"><#assign linkDisp = job.getPositionFunctionStr(' ','')>
                                    <#if linkDisp?length gt 0><span title="${linkDisp}">${linkDisp}</span><#else > --- </#if></span></li>
          <li style="border-style:none;">工作经验：<span id="exp"><#if job.isSocialRecruit()>${(experience)!"---"}
                                    <#elseif job.isSchoolFreshGraduateRecruit()>应届生
                                    <#elseif job.isSchoolInternRecruit()>实习生
                                    <#else>---
                                    </#if></span></li>
          <li style="border-style:none;">所属部门：<span id="department">${job.department!'---'}</span></li>
          <li style="border-style:none;">
            <div style="margin-bottom:10px;">查看职位详情：</div>
            <div id="jobDetail" style="font:13px 'Microsoft YaHei',微软雅黑,sans-serif;line-height:25px;padding-left:1em;white-space:normal;"><#if jobIntro?? && jobIntro!="" ><#noescape>${jobIntro}</#noescape><#else>---</#if></span></div>
          </li>
          <li style="border-style:none;">
            <form id="form" method="post" data-ajax="false" action="/invitation/resume?test=1&jid=${job.jid}&id=${id!"0"}">
                <input type="hidden" id="invitationId" name="invitationId" value="${id!"0"}"/>
                <input type="hidden" id="jobId" name="jobId" value="${job.jid}"/>
                <button type="submit" id="acceptBtn" class="ui-btn ui-icon-check ui-btn-icon-left ui-shadow ui-corner-all" style="background-color:#ED6C10;color:#FFF;">我接受邀请</button>
            </form>
          </li>
        </ul>
        
      </div>
      <div data-role="footer" class="ui-grid-a" style="border-style:none;background-color:#BBC0C9;font-weight:normal;">
        <div class="ui-block-a">
          <span style="color:#FFF;font-size:13px;font-family:'Microsoft YaHei',微软雅黑,sans-serif;float:left;padding-left:1em;height:2em;line-height:2em;overflow:hidden;margin:0px;">&copy;2008-2014 大街网</span>
        </div>
        <div class="ui-block-b">
        </div>
      </div>
    </div>
  </body>
  <script type="text/javascript">
    $("#acceptBtnTop").click(function(){
      $("#form").submit();
    });
  </script>
</html>